<template>
  <div>
    <!-- 企业内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col overflow1" span="24">
          <img src="" alt="企">
          中国石化青岛炼油化工有限责任公司</van-col>               
        <van-col class="list-card-row-col" span="24">
          <van-tag plain type="primary">信用代码：123456789</van-tag>
        </van-col>
        <van-col class="list-card-row-col" span="12">
          <van-tag plain type="primary">法人代表：张三</van-tag>
        </van-col>
        <van-col class="list-card-row-col" span="12">
          <van-tag plain type="primary">所属行业：制造业</van-tag>
        </van-col>
        <van-col class="list-card-row-col" span="12">
          <van-tag plain type="primary">注册资本：5000万元</van-tag>
        </van-col>
        <van-col class="list-card-row-col" span="12">
          <van-tag plain type="primary">所属市县：青岛市-市北区</van-tag>
        </van-col>
      </van-row>
    </div>
    <!-- 文件内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col overflow1" span="24">
            <img src="" alt="文件"/>
            关于2015年市财政与县区财政年终结算有关事项的通知
          
        </van-col>               
        <van-col class="list-card-row-col overflow1" span="24">
          <van-tag plain type="primary">关于2015年市财政与县区财政年终结算有关事项的通知</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="12">
          <van-tag plain type="primary">发布日期：</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="12">
          <van-tag plain type="primary">文号：东财预〔2016〕12号</van-tag>
        </van-col>
        <van-col class="list-card-row-col" span="24">
          <van-tag plain type="primary">发文机关：东营市财政局</van-tag>
        </van-col>
     
      </van-row>
    </div>
    <!-- 政策内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col overflow1" span="24">
          <img src="" alt="政策"/>
          财政总决算</van-col>               
        <van-col class="list-card-row-col" span="24">
          <van-tag plain type="primary" class="overflow2">财政决算是指按照法律法规和法定程序编制的全面反映各级政府年度预算收支执行结果的综合报告。分别按收入分类和支出功能分类，全面反映政府收支活动。财政决算编制是一项复杂细致的系统工程。每年预算年度终了后，财政决算就从准备阶段转入编制阶段。各级财政部门具体负责组织财政决算的编</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="12">
          <van-tag plain type="primary">更新日期：2017-07-06</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="12">
          <van-tag plain type="primary">主管部门：财政总决算</van-tag>
        </van-col>
      </van-row>
    </div>
    <!-- 部门内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col overflow1" span="24">
          <img src="" alt="部门">
          财政监督局</van-col>               
        <van-col class="list-card-row-col overflow1" span="24">
          <van-tag plain type="primary">信用代码：370000000-22</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="10">
          <van-tag plain type="primary">单位类型：</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="14">
          <van-tag plain type="primary">单位地址：</van-tag>
        </van-col>
        <van-col class="list-card-row-col overflow1" span="24">
          <van-tag plain type="primary">主要职责：</van-tag>
        </van-col>
      </van-row>
    </div>
    <!-- 区划内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col overflow1" span="24">
          <img src="" alt="区划">
          山东省本级</van-col>               
        <van-col class="list-card-row-col" span="24">
          <van-tag plain type="primary" class="overflow2">区划简介：</van-tag>
        </van-col>
        
      </van-row>
    </div>
    <!-- 站内搜索内容样式 -->
    <div class="list-div">
      <van-row class="list-card-row">
        <van-col class="list-card-row-col" span="24">
          <img src="" alt="站内">
          中国石化青岛炼油化工有限责任公司</van-col>               
        <van-col class="list-card-row-col" span="24">
          <van-tag plain type="primary">功能描述：</van-tag>
        </van-col>
      </van-row>
    </div>
  </div>
</template>

<script>
export default {
  name:"subjectContent",
}
</script>

<style lang="scss" scoped>
  .overflow1 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    word-break: break-all;
  }
    .overflow2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-all;
  }
  .list-div::after{
    content: "";
    display: block;
    clear: both;
  }
</style>
